body {
	margin: 0%;
	padding: 0%;
	width: 100%;
	height: 100%;
	background: url("../image/foto.jpg") no-repeat fixed center;
	background-size: cover;
	font-size: 100%;
}

#cabecera {
	text-align: center;
	width: 100%;
	height: 10%;
	margin: 0;
	position: absolute;
	top: 2%;
}

h1 {
	font-family: "Chango";
	color: #2f4f4f;
	text-shadow: -1px -1px 4px #efeeed;
	height: 100%;
	width: 100%;
	text-align: center;
	margin: 0;
	font-size: 3em;
}

#centro {
	background-color: rgba(255, 255, 255, 0.5);
	/*Para determinar la opacidad de la capa*/
	left: 25%;
	right: 25%;
	top: 15%;
	width: 50%;
	height: 70%;
	position: absolute;
	/*Para redondear las esquinas del div*/
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	border: 10px solid #67a0ed;
	font-size: 1em;
}

#texto {
	text-align: left;
	color: black;
	font-family: "Michroma", "Combo", "Lobster", Verdana;
	font-size: 1em;
	position: relative;
	top: 10%;
	left: 10%;
	width: 90%;
	height: 80%;
	overflow-y: auto;
}

p {
	padding: 0.5%;
}

input { /*para que las cajas input sean adaptables*/
	font-size: 1em;
}

#enviar {
	position: relative;
	left: 35%;
	padding: 2%;
	size: 1em;
}

.frase {
	color: black;
	font-family: "Michroma", "Combo", "Lobster", Verdana;
	font-size: 1.3em;
	position: relative;
	top: 5%;
	left: 4%;
}

.aviso {
	font-family: "Combo", "Lobster", Verdana;
	color: #ff7145;
	font-weight: bold;
	margin-left: 30%;
}

/*=====================================================================================media para moviles*/
@media screen and (max-width: 480px) {
	h1 {
		font-size: 2em;
	}
	#centro {
		left: 5%;
		top: 10%;
		width: 88%;
		height: 80%;
		border: 5px solid #67a0ed;
	}
	#texto {
		font-size: 0.8em;
		top: 7%;
		left: 5%;
		width: 95%;
		overflow-y: auto;
	}
	.frase {
		font-size: 1em;
		font-weight: bold;
	}
	.text {
		margin-left: 40%;
	}
	input {
		font-size: 1em;
	}
	.aviso {
		margin-left: 20%;
	}
}

/*=====================================================================================media para tablets*/
@media screen and (min-width : 768px) and (max-width:1024px) {
	h1 {
		font-size: 4em;
	}
	#centro {
		left: 9%;
		top: 10%;
		width: 80%;
		height: 80%;
	}
	#texto {
		top: 12%;
		height: 90%;
	}
	p {
		padding: 2%;
	}
	#enviar {
		margin-top: 10%;
	}
	.frase {
		top: 7%;
		font-weight: bold;
	}
	
}